<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.9.1.min.js"></script>
       <link href="<?php echo base_url(); ?>bootstrap/css/bootstrap.css" rel="stylesheet">
		<script type="text/javascript" src="<?php echo base_url(); ?>bootstrap/js/bootstrap.js"></script>
		<link href="<?php echo base_url(); ?>css/estilos.css" rel="stylesheet">
		
	
	<title>Welcome to EasyCook</title>

        
                <style>
          body {
            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
          }
        </style>
        
      
     <link href="<?php echo base_url(); ?>bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
 
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->
	
	 <script type="text/javascript">
       
         $(document).ready(function(){
				$('.carousel').carousel({
				  interval: 2000
				})
		 
		 
		 });
		</script>
</head>
<body>

    <div class="container">
<!--div id="container"-->
	
	<div class="Banner">
            <a href="<?=site_url('users_Controller/loadInit')?>" target="_blank"> 
		<img class="logo" src="<?php echo base_url(); ?>images/logo.png" alt="" height="150" width="150">
	</a>	
                <h3 class="logoTitle">EasyCook</h3>
	</div>	
	<br>
	
	<div id="mainBody">
	
		<ul class="nav nav-tabs">
		  <li class="active">
			<a href="#">Home</a>
		  </li>
		  <li><a href="<?=site_url('users_Controller/loadLoginForm')?>" class="headMenu">Login</a></li>
		  <li><a href="<?=site_url('users_Controller/loadRegisterForm')?>" class="headMenu">Not a user? Register now!</a></li>
		  <li><a href="#myModal" data-toggle="modal" class="headMenu">Help?</a></li>
		</ul>
		<p id="mainDiv">
			<div id="myCarousel" class="carousel slide">
				<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" data-interval="2000"></li>
				<li data-target="#myCarousel" data-interval="2000" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-interval="2000" data-slide-to="2"></li>
				<li data-target="#myCarousel" data-interval="2000" data-slide-to="3"></li>
				<li data-target="#myCarousel" data-interval="2000" data-slide-to="4"></li>
				</ol>
				<!-- Carousel items -->
				<div class="carousel-inner">
					<div class="active item">

						<img class="img-polaroid" src="<?php echo base_url(); ?>images/apples.jpg" alt="">
					</div>
					<div class="item">
						<img class="img-polaroid" src="<?php echo base_url(); ?>images/freshStraw.jpg" alt="">
					</div>
					<div class="item">
						<img class="img-polaroid" src="<?php echo base_url(); ?>images/freshVeggies.jpg" alt="">
					</div>
					<div class="item">
						<img class="img-polaroid" src="<?php echo base_url(); ?>images/snacks.jpg" alt="">
					</div>
					<div class="item">
						<img  class="img-polaroid" src="<?php echo base_url(); ?>images/healthyLifestyle.jpg" alt="">

					</div>
				</div>
				<!-- Carousel nav -->
				
			</div>
			
			<div>
				<h1 id="question1">
					Looking 
				<h1/>
				
				<h1 id="question2">
					for healthy recipes customized for your health status?
				<h1/>
                                
                         <form id="LoginForm" class="form-horizontal" enctype="multipart/form-data" action="<?=site_url('users_Controller/loadPlanForm')?>" method="post">
				<div class="form-actions">
					  <input class="btn btn-large btn-success" id="planButton" type="submit" value="Proceed!" />
				</div>
                         </form>   
			</div>
		</p>
		        
           
			 
			
		
		
			
			
			</div>

	<p class="footer">Freelancers, Hackaton 2013, San Jose Costa Rica</p>
</div>

</body>
</html>